<template>
    <div>
        <h1>Vue的基础语法---vue指令</h1>
        账号：<input type="text" v-model="info.userName" /><br/>
        密码:<input type="text" v-model="info.userPwd" /><br/>
        <input type="button" value="登陆" @click="login">
    </div>
</template>

<script setup lang="ts">
//v-model 双向绑定   一般用于表单元素 目的是获取表单元素的value值
//v-bind 单向绑定
import { ref,reactive } from 'vue';
let info=reactive({
    userName:'',
    userPwd:''
})
const login=()=>{
    alert("userName:"+info.userName+"userPwd"+info.userPwd)
}
</script>

<style scoped>

</style>